const HtmlWebpackPlugin = require("html-webpack-plugin");
const { resolve } = require("path");

 
 module.exports = {
     //单入口
     entry: './src/js/index.js',
    //  entry:{
    //      //多入口：有一个入口，最终输出就有一个bundle
    //      main:'./src/js/index.js',
    //      test:'./src/js/test.js'
    //  },
     output:{
         //[name]:取文件名
         filename:'[name].[hash:10].js',
         path:resolve(__dirname,'build'),
     },
     plugins:[
         new HtmlWebpackPlugin({
             template:'./src/index.html',
             //压缩html代码
             minify:{
                 //移除空格
                 collapseWhitespace:true,
                 //移除注释
                 removeComments:true
             }
         })
     ],
     /**
      * 1.可以将node_modules中代码单独打包一个chunk最终输出
      * 2.自动分析多入口chunk中，有没有公共的文件。如果有会打包成单独一个chunk
      */
     optimization:{
         splitChunks:{
             chunks:'all'
         }
     },
     //生产环境会自动压缩js文件
     mode:'production',
    //  devtool:'source-map'
 }